<form [formGroup]="form" (ngSubmit)="onSubmit(form,$event)">
  <mat-card>
    <mat-card-header>
      <mat-card-title>注册:</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <mat-input-container class="full-width">
        <input matInput type="text" placeholder="您的emial" formControlName="email">
      </mat-input-container>
      <mat-input-container class="full-width">
        <input matInput type="text" placeholder="您的姓名" formControlName="name">
      </mat-input-container>
      <mat-input-container class="full-width">
        <input matInput type="password" placeholder="您的密码" autocomplete="off" formControlName="password">
      </mat-input-container>
      <mat-input-container class="full-width">
        <input matInput type="password" placeholder="重复密码" autocomplete="off" formControlName="repeat">
      </mat-input-container>
      <app-image-list-select
        [userSvgIcon]="true"
        [cols]="6"
        [title]="'选择头像'"
        [items]="items"
        formControlName="avatar">
      </app-image-list-select>
      <button mat-raised-button type="submit">注册</button>
    </mat-card-content>
    <mat-card-actions class="text-right">
      <p>已有账户?<a routerLink="/login">登录</a></p>
      <p>忘记密码?<a href="">找回</a></p>
    </mat-card-actions>
  </mat-card>
</form>
